<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/templates/plantilla1.xhtml">

    <ui:define name="contenido">

        <h:form>
            <h2>Ejercicio 6 - Página 1</h2>

            <h3>Filtros</h3>
            <table>
                <tr>
                    <th>Rut</th>
                    <td>
                        <h:inputText id="rut" value="#{ejercicio6Pag1Bean.rut}">
                            <f:converter converterId="rutConverter" />
                        </h:inputText>
                    </td>
                    <td><p:message for="rut" /></td>
                </tr>
                <tr>
                    <th>Nombre</th>
                    <td>
                        <h:inputText id="nombre" value="#{ejercicio6Pag1Bean.nombre}" />
                    </td>
                    <td><p:message for="nombre" /></td>
                </tr>
                <tr>
                    <th>Email</th>
                    <td>
                        <h:inputText id="email" value="#{ejercicio6Pag1Bean.email}" />
                    </td>
                    <td><p:message for="email" /></td>
                </tr>
                <tr>
                    <th>Fecha nacimiento minima</th>
                    <td>
                        <h:inputText id="fechaMinima" value="#{ejercicio6Pag1Bean.fechaNacInferior}">
                            <f:convertDateTime parent="dd/MM/yyyy" />
                        </h:inputText>
                    </td>
                    <td><p:message for="fechaMinima" /></td>
                </tr>
                <tr>
                    <th>Fecha nacimiento maxima</th>
                    <td>
                        <h:inputText id="fechaMaxima" value="#{ejercicio6Pag1Bean.fechaNacSuperior}">
                            <f:convertDateTime parent="dd/MM/yyyy" />
                        </h:inputText>
                    </td>
                    <td><p:message for="fechaMaxima" /></td>
                </tr>
                <tr>
                    <th></th>
                    <td>
                        <h:commandButton value="Buscar" action="#{ejercicio6Pag1Bean.buscar()}" />
                    </td>
                </tr>
            </table>
            
            <h3>Lista de personas</h3>
            
            <p:dataTable id="personas" value="#{ejercicio6Pag1Bean.personaList}" var="p">
                
                <p:column headerText="RUT">
                    <h:outputText value="#{p.rut}" >
                        <f:converter converterId="rutConverter" />
                    </h:outputText>
                </p:column>
                
                <p:column headerText="NOMBRE">
                    <h:outputText value="#{p.nombre}" />
                </p:column>
                
                <p:column headerText="FECHA NACIMIENTO">
                    <h:outputText value="#{p.fechaNacimiento}" >
                        <f:convertDateTime parent="dd/MM/yyyy" />
                    </h:outputText>
                </p:column>
                
                <p:column headerText="EMAIL">
                    <h:outputText value="#{p.email}" />
                </p:column>
            
            </p:dataTable>
            
        </h:form>

    </ui:define>
</ui:composition>